﻿* { margin: 0; padding: 0; }
body { font-family: tahoma, verdana, arial; font-size: 13px; }
ul li { list-style-type: none; }
#HeaderWrapper, #FooterWrapper, #MainWrapper { width: 1000px; margin: 0 auto; }
#HeaderWrapper { position: relative; }
#LoginAndRegisterTrigger { position: absolute; top: 0; right: 0; background: #17760C; padding: 2px 10px; border-radius: 0 0 3px 3px; box-shadow: 0px 0px 1px #ccc; }
#LoginAndRegisterTrigger a { color: #fff; text-decoration: none; }
#LoginAndRegisterTrigger span { color: #fff; padding: 0 20px; }
#TopBanner { left: 275px; position: absolute; top: 18px; }
#Footer { margin-top: 20px; background: #006600; }
#FooterWrapper { padding: 10px 0; }
#FooterWrapperContent { display: inline-block; width: 100%; }
#BottomLogo img { height: 80px; padding: 2px; border: solid 1px #fff; }
#BottomLogo { width: 180px; float: left; margin-right: 10px; }
#FooterLinks { width: 810px; float: left; }
#FooterLinks ul { width: 220px; float: left; }
#FooterLinks li { list-style-type: none; padding: 3px 0; }
#FooterLinks li a { text-decoration: none; color: #fff; }
#FooterLinks li a:hover { color: #FF9900; }
#BellowFooter { width: 1000px; margin: 0 auto; padding: 5px 0; color: #555; }
#BellowFooter h1 { font-weight: normal; font-size: 15px; text-transform: uppercase; }

#TopMenu { background: url(/themes/images/menu-bg-green.png) repeat-x #006600; height: 36px; line-height: 36px; }
#TopMenuWrapper { width: 1000px; margin: 0 auto; height: 36px; }
#TopMenuWrapper ul { display: inline-block; width: 100%; }
#TopMenuWrapper li { list-style-type: none; float: left; }
#TopMenuWrapper li a { text-decoration: none; color: #fff; display: block; padding: 0 10px; text-transform: uppercase; height: 36px; }
#TopMenuWrapper li a:hover { background: url(/themes/images/menu-bg-green.png) 0 -72px repeat-x; }
#TopMenuWrapper li a.active { background: url("/themes/images/menu-bg-green.png") repeat-x scroll 0 -36px transparent; }
#TopMenuWrapper li a.home { padding: 0 20px; }
#TopMenuWrapper li a.home i { background: url("/themes/images/home-green.png") no-repeat scroll 0 0 transparent; height: 0; overflow: hidden; padding-top: 36px; width: 24px; display: inline-block; line-height: 20px; }
#TopMenuWrapper li a.home:hover i { background-position: 0 -72px; }
#TopMenuWrapper li a.home.active i { background-position: 0 -36px; }
#Main { min-height: 400px; }
#SearchTopWrapper { margin-left: 50px; }
#SearchTop { }
#SearchTopTxt { border: 0 none; border-radius: 3px 0 0 3px; display: inline-block; float: left; height: 28px; line-height: 28px; margin-top: 4px; width: 200px; padding: 0 5px; }
#SearchTopTrigger { background: url("/Themes/Images/HSearchTriggerBg.png") no-repeat scroll 0 0 transparent; border: 0 none; border-radius: 0 3px 5px 0; display: inline-block; height: 28px; text-indent: -9999px; width: 40px; }
#MainWrapperContent { width: 100%; display: inline-block; }
#MainLeft { width: 720px; float: left; }
.ProductBlock { }
.ProductBlockTitle { color: orange; border-bottom: solid 2px orange; font-size: 16px; margin-top: 10px; }
.ProductBlockContent { padding: 10px 0; display: inline-block; }
.ProductItem { width: 240px; float: left; margin: 0; margin-bottom: 30px; }
.ProductItemContent { /*border: 1px solid #ddd; box-shadow: 0 0 1px #F1F1F1;*/ padding: 5px; }
.ProductItemAvatar { width: 100%; height: 150px; }
.ProductItemTitle, .ProductItemTitle a { border-bottom: 1px solid #F1F1F1; color: #18640F; font-size: 15px; font-weight: normal; margin-bottom: 5px; text-decoration: none; }
.ProductItemTitle a:hover { color: orange; }
.ProductSourcePrice { color: #999; text-decoration: line-through; }
.ProductPrice { color: #17780C; font-size: 18px; }
.ProductItemInfo table { width: 100%; }
.ProductItemView { background: #f1f1f1; float: right; padding: 10px; margin-top: -20px; }
.ProductItemView a { display: block; text-align: center; text-decoration: none; color: orange; padding: 2px 0; }
.ProductItemView:hover { background: orange; }
.ProductItemView:hover a { color: #fff; }
#TopSliderWrapper { margin-top: 20px; width: 720px; }
#TopSlider { width: 710px; }
#BottomSliderWrapper { }
#MainRight { width: 270px; margin-left: 10px; float: left; margin-top: 20px; }
.BlockRight { border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 1px #F1F1F1; margin-bottom: 20px; }
.BlockRight h3 { color: orange; border-bottom: solid 2px orange; height: 30px; line-height: 30px; text-indent: 20px; }
#LiveSupport .BlockRightContent { text-align: center; }
#LiveSupport label { background: url("/Themes/Images/red_phone.png") no-repeat scroll 0 0 transparent; display: inline-block; float: left; height: 45px; margin-left: 30px; width: 50px; margin-top: 10px; }
#LiveSupport span { color: #FF0000; float: left; font-size: 20px; margin-top: 0; padding-left: 3px; }
#LiveSupport a { text-decoration: none; }
#LiveSupport img { width: 125px; }
#HotlineRight { display: inline-block; width: 100%; }
#LiveSupport .BlockRightContent { background: url('/Themes/Images/LiveSupportBg.png') no-repeat; }
#LiveSupport a { padding: 5px 0; display: inline-block; }
#FindUsOnFacebook .BlockRightContent { background: #F4F4F4; text-align: center; }
#SomeOtherProduct { border: 0; box-shadow: none; }
#SomeOtherProduct li { margin-bottom: 5px; border: solid 1px #f1f1f1; }
#SomeOtherProduct li img { max-width: 100%; }

.ProductBlockTitle a { background: none repeat scroll 0 0 #008000; border-radius: 10px 10px 10px 10px; color: #FFFFFF; float: right; font-size: 12px; margin-right: 1px; padding: 2px 5px; text-decoration: none; }
.ProductBlockTitle a:hover { background: orange; }
#LSNewsListWrapper { margin-bottom: 20px; }
#LSNewsListWrapperIn { padding: 10px; background: #fff; }
.LSNewsItemTile { color: #186d0c; text-decoration: none; }
.LSNewsItemTile h2 { font-weight: normal; font-size: 18px; text-indent: 140px; }
.LSNewsItemTile:hover { text-decoration: underline; }
.LSNewsItemThumb { width: 120px; margin-right: 10px; padding: 2px; border: solid 1px #f1f1f1; }
.Pager { margin-top: 20px; border-top: solid 1px #ddd; padding-top: 10px; }
.Pager a { color: orangered; border: solid 1px #ddd; padding: 0px 5px; text-decoration: none; }
.newsReferences ul li { list-style-image: url('/Themes/Images/list_style.png'); margin-left: 20px; }
.newsReferences ul li a { text-decoration: none; color: #000; line-height: 25px; }

#LSNewsDetailWrapper { text-align: justify; margin-bottom: 20px; }
#LSNewsDetailWrapperIn { padding: 10px 10px 50px 10px; background: #fff; }
.LSNewsDetailTitle { color: #186d0c; font-size: 18px; }
.LSNewsDetailThumb { padding: 2px; border: solid 1px #f1f1f1; margin-right: 10px; width: 150px; }
.LSNewsDetailDescription { color: #333; font-weight: bold; }
.LSContactInfo { padding-left: 50px; font-size: 15px; border-top: solid 1px #f1f1f1; padding-top: 20px; padding-bottom: 50px; }

/**Liên hệ*/

.contact { padding-top: 30px; }
.contact .item { padding: 4px 0; }
.contact .item input[type=text], .contact .item textarea { padding: 4px; width: 60%; border-radius: 3px; border: 1px solid #DDDDDD; }
.contact .item textarea { height: 180px; }
.contact .item label { display: inline-block; padding: 0 15px; text-align: right; width: 156px; color: #17720c; float: left; }
.contact .item label i { color: red; }
.txt-captcha { border: 1px solid #DCDCDC; border-radius: 4px 4px 4px 4px; margin-left: 30px; padding: 5px 0; width: 88px; }
.ms-captcha img { height: 28px; width: 82px; }
.fleft { float: left; }
.clear { clear: both; }

.Button { background: url("/themes/images/menu-bg-green.png") repeat-x scroll 0 0 #006600; border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 13px; height: 25px; line-height: 25px; padding: 0 10px; text-align: center; text-decoration: none; margin: 0 5px; }
.Button:hover { box-shadow: 0 0 2px orange; }
.TopHeader { border-bottom: 2px solid orange; color: #FFA500; font-size: 20px; font-weight: normal; margin-top: 25px; text-transform: uppercase; }
#NewsMenu { position: relative; }
#NewsMenu ul { position: absolute; width: 200px; display: none; z-index: 999; }
#NewsMenu ul li { display: inline-block; width: 100%; background: #165A0C; }

#MedicineMenu { position: relative; }
#MedicineMenu > ul { position: absolute; width: 690px; z-index: 99999; background: #165A0C; display: none; }
#MedicineMenu ul li { display: inline-block; width: 230px; background: #165A0C; float: left; }
#MedicineMenu > ul > li > a { color: #fff; }
#MedicineMenu > ul > li > ul > li > a { text-transform: none; font-size: 12px; height: 25px; line-height: 25px; color: orange; }

#SearchMedicineWrapper { }
#TopFilter { background: none repeat scroll 0 0 #F1F1F1; border-bottom: 1px solid #F7F7F7; margin-bottom: 0; margin-top: 10px; padding: 10px 40px; }
#FilterByName { }
#FilterByName label { }
#FilterByName input { width: 400px; padding: 2px 10px; border: solid 1px #ddd; height: 25px; line-height: 25px; border-radius: 5px; margin-left: 10px; }
#FilterByCategory a { text-decoration: none; }

#FilterByCategory { display: inline-block; width: 100%; margin-top: 10px; height: 80px; overflow: hidden; }
#FilterByCategory.big { height: auto; }
#FilterByCategory ul li { padding-top: 5px; padding-bottom: 5px; }
#FilterByCategory > ul > li { width: 200px; float: left; margin-right: 2px; }
#FilterByCategory > ul > li > a { color: orangered; }
input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

input[type=checkbox].css-checkbox + label.css-label { padding-left: 20px; height: 15px; display: inline-block; line-height: 15px; background-repeat: no-repeat; background-position: 0 0; font-size: 12px; vertical-align: middle; cursor: pointer; overflow: hidden; }

input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; }

.css-label { background-image: url(/Themes/Images/lite-orange-check.png); }

.notice { color: orangered; margin-top: 20px; border: solid 1px #f1f1f1; padding: 10px; width: 520px; margin: 10px auto; }
.modalBackground { background-color: Gray; opacity: 0.6; z-index: 1500 !important; left: 0; position: fixed; width: 100%; overflow: hidden; }
/*product detail*/
#ProductDetailWrapper { margin-top: 20px; }
#ProductDetailPhotos { width: 330px; float: left; position: relative; }
#ProductPhotoSlider { width: 330px; }
#ProductPhotoSlider img { width: 330px; }
#ProductPhotoSliderPager img { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #F1F1F1; height: 56px; padding: 2px; width: 56px; }
#ProductDetailPhotos .bx-wrapper { margin-bottom: 3px; border-bottom: solid 1px #f1f1f1; }
#ProductPhotoSliderPager a.active img { border: solid 1px orange; }

#ProductDetailInfo { float: left; margin-left: 10px; width: 370px; }
#ProductDetailTitle { color: #18640F; font-size: 15px; }
#ProductDescription { font-weight: bold; font-size: 12px; font-style: italic; }

#ProductSellPrice { font-size: 18px; color: orangered; padding: 5px 0; text-align: center; }
#ProductDiscount { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFA500; border-radius: 30px 30px 30px 30px; color: #FF0000; height: 50px; left: 10px; line-height: 50px; opacity: 0.7; position: absolute; text-align: center; top: 10px; width: 50px; z-index: 999; }
#ProductDescription { padding: 10px; border: solid 1px #f1f1f1; color: #333; }
#ProductPromotion h3 { background: none repeat scroll 0 0 orange; color: #FFFFFF; font-weight: normal; padding: 2px 3px; text-align: center; width: 100px; border-radius: 3px 3px 0 0; }
#ProductPromotion { margin-top: 20px; }
#ProductPromotion div { border: solid 1px orange; margin-top: -1px; padding: 10px; }

#ProductPolicy { margin-top: 10px; padding: 10px; border: solid 1px green; color: #444; }
#ProductPolicy h3 { border-bottom: 1px solid green; font-size: 12px; font-weight: normal; margin-bottom: 4px; padding-bottom: 2px; text-transform: uppercase; }

#ProductBuyWrapper { margin-top: 20px; text-align: center; margin-bottom: 20px; }
#ProductBuyWrapper a { background: green; color: #fff; padding: 10px 50px; text-decoration: none; }
#ProductBuyWrapper a:hover { background: orange; }
#ProductContentDetailWrapper { margin-top: 20px; display: inline-block; width: 100%; }
#ProductContentDetailWrapper #ProductContentDetailTitle { color: #FFA500; text-transform: uppercase; border-bottom: solid 1px #f1f1f1; }
#ProductContentDetailContent { padding: 10px; }
#ProductCommentWrapper { margin-top: 20px; margin-bottom: 50px; }
#ProductCommentContent { }
#ProductCommentTitle { color: #FFA500; text-transform: uppercase; border-bottom: solid 1px #f1f1f1; }

#FilterByCategory ul li ul { padding-left: 20px; }

#MedicineListWrapper { display: inline-block; width: 100%; }
#MedicineListContent { width: 100%; display: inline-block; }

#LoginTable { width: 400px; margin: 0 auto; }
#LoginTable td { padding: 5px; }
#LoginTable input[type=text], #LoginTable input[type=password] { border: solid 1px #ccc; width: 200px; height: 25px; line-height: 25px; border-radius: 3px; }
.cart { border-top: 1px solid #DBDBDB; margin-top: 10px; padding-top: 10px; text-align: center; }
#FilterByCategory a { color: #333; font-size: 12px; }
#FilterByCategory ul li li a { color: #555; }
#FilterByCategory a:hover { color: green; }
#FilterByCategory a.current { color: orangered; }
.ProductItemInfo td { text-align: center; }
#HotlineRight img { width: 24px; height: 24px; }
#FreeCallWrapper { display: inline-block; float: left; }
#FreeCallWrapper img { padding: 3px; }
a#ViewAllCategory { float: right; clear: both; color: orange; background: #F1F1F1; margin-top: -1px; padding: 3px 5px; text-decoration: none; border-radius: 0 0 3px 3px; }
#ProductOldPrice { text-decoration: line-through; text-align: center; color: #666; }

#OtherPriceWrapper label { font-weight: bold; display: block; color: #555; border-bottom: solid 1px #f1f1f1; }
#OtherPriceWrapper { border: solid 1px #f1f1f1; padding: 10px; margin-bottom: 5px; }
#CommonContentWrapper { padding: 10px; }
